// (1)*************************第一步：Ajax渲染“ 购买的新设备入库申请列表 ”***********************************
			var msg=undefined;
			$.ajax({
					type:"get",
					url:"http://192.168.60.164:8080/admin/list/transferIn",
					async:true,
					success:function(info){					
						msg = info.data;				
						//这个函数，将几个设备编号，同时按字符串的方式
						function myUserNo(p){
							var s1 = "";
							for(var index in msg[p].equipmentNo)
							{
								s1 = s1 + String(msg[p].equipmentNo[index] +"  " );
							}
							return s1+"  ";
						}										
						for( var p in msg ) 
						{
							var str = "";
							str+=						
							'<tr>'+
								'<td style="width: 600px;">'+
									'<input type="checkbox" class="xuanZhong"  id="'+p+'"  />'+
									'<span style="font-size: 14px;color: blue;">'+msg[p].userName+'申请设备编号为('+ myUserNo(p) +') 的'+msg[p].num+'个'+msg[p].equipmentName+'入库</span>'+
								'</td>'+
								'<td>'+
									'<input type="button"  class="details" value="详情" />	'+
									'<input type="button"  class="del" value="删除" />'+
								'</td>'+
							'</tr>';																										
							document.getElementById("infoBox").innerHTML+=str;
						}
						
					},
					error:function(){}
				});


//（2）************************第二步：详情按钮----这块显示信息*******************************************			
			setTimeout(function(){
				for(let i=0;i<$(".details").length;i++)
				{
					$(".details").eq(i).click(function(){
						//拿出一个id ,点击第几个，我就拿第几条数据中一个id
						this.index = i;
						var ids = msg[this.index].equipmentNo[0]
						
						$.ajax({
							url: "http://192.168.60.164:8080/admin/detail/transferIn/"+ids+"",
							type:"GET",
							async: true,
							dataType:"json",
							success: function(info){
								var obj1 = info.data;								
								var str1 = "";
								str1+=
									'<tr>'+
										'<td>设备编号</td>'+
								  		'<td>设备名称</td>'+
								  		'<td>当前使用状态</td>'+
								  		'<td>当前使用人</td>'+
								  		'<td>存放地点</td>'+
								  		'<td>细类别</td>'+
							  		'</tr>'+
									'<tr>'+
										'<td>'+obj1.equipmentNo+'</td>'+
								  		'<td>'+obj1.equipmentName+'</td>'+
								  		'<td>'+obj1.useStatus+'</td>'+
								  		'<td>'+obj1.userName+'</td>'+
								  		'<td>'+obj1.place+'</td>'+
								  		'<td>'+obj1.equipmentCategory+'</td>'+
							  		'</tr>';
							  	var str2 ="";
							  		str2+=
									'<tr>'+
										
								  		'<td>单价</td>'+
								  		'<td>型号</td>'+
								  		'<td>折旧状态</td>'+
								  		'<td>折旧年限</td>'+
								  		'<td>出货票号码</td>'+
							  		'</tr>'+
									'<tr>'+
								  		'<td>'+obj1.price+'</td>'+
								  		'<td>'+obj1.type+'</td>'+
								  		'<td>'+obj1.depreciationStatus+'</td>'+
								  		'<td>'+obj1.depreciationPeriod+'</td>'+
								  		'<td>'+obj1.shippingNo+'</td>'+
							  		'</tr>';
							  	var str3 = "";
							  		str3+=
									'<tr>'+
										'<td>供货单位</td>'+
								  		'<td>进货日期</td>'+
								  		'<td>用途</td>'+
								  		'<td>出产厂家</td>'+
								  		'<td>制造号</td>'+
								  		'<td>利用率</td>'+
							  		'</tr>'+
									'<tr>'+
										'<td>'+obj1.deliveryUnit+'</td>'+
								  		'<td>'+obj1.purchaseDate+'</td>'+
								  		'<td>'+obj1.application+'</td>'+
								  		'<td>'+obj1.manufacturer+'</td>'+
								  		'<td>'+obj1.manufacturerNo+'</td>'+
								  		'<td>'+obj1.shippingNo+'</td>'+
							  		'</tr>';
							  	 $("#popUp table").eq(0).html(str1);
							  	 $("#popUp table").eq(1).html(str2);
							  	 $("#popUp table").eq(2).html(str3);
							  	 //让内容以弹出层的方式显示出来。
							  	 $("#popUp").attr({"class":"popUpClick"});
							},
							error:function(){
								console.log('获取设备详细信息失败！！！');
							}
						}); //ajax结束	
						
					}); //点击“详情”结束
				} //循环绑定“事件结束”
			},100); //定时器结束


//----------------------下面是4个功能块：全选 + 审核  + 删除 + 弹出层消失   都是点击事件 -----------------------------------------------------			
			
			//（1）**************************全选按钮：*****************************
			var flag = 1;
			$("#totalSelection").click(function()
			{
				if(flag)
				{
					/*属性设置成“ checked ”，给出一种选中的状态 * */
					for(let i=0;i<$("#infoBox .xuanZhong").length;i++)
					{
						$("#infoBox .xuanZhong").eq(i).attr('checked',true);
					}
					$("#totalSelection").val("取消全选");
					flag = 0;
				}else{
					/*属性设置成“ checked ”，给出一种选中的状态 * */
					for(let i=0;i<$("#infoBox .xuanZhong").length;i++)
					{
						$("#infoBox .xuanZhong").eq(i).attr('checked',false);
					}
					$("#totalSelection").val("全部选中");
					flag = 1;
				}								
			});
			
			
			//（2）*************************审核按钮的函数***********************************
			function examine()
			{
				//就在一开始询问： 是否确认
				//询问框

				layer.confirm('您是如何看待前端开发？', {
				  btn: ['重要','奇葩'] //按钮
				}, function(){
				  layer.msg('的确很重要', {icon: 1});
				}, function(){
				  layer.msg('也可以这样', {
				    time: 20000, //20s后自动关闭
				    btn: ['明白了', '知道了']
				  });
				});
				
				//保存被选中的 ” 序列号 “
				var idArr = [];
				//传给后台的数据
				var dataArr = [];
				for(let i=0;i<$("#infoBox .xuanZhong").length;i++)
				{
					if($("#infoBox .xuanZhong").eq(i).is(':checked'))
					{
						var id =  $("#infoBox .xuanZhong").eq(i).attr("id");
						idArr.push(parseInt(id)); // 0 ，2
					}
				}
				
				//我要遍历 idArr里面的值 ，取到这个值里面的“ 所有值 ”
				$.each(idArr, function(index,value) {
					var numberArr = msg[value].equipmentNo;
					for(let b=0;b<numberArr.length;b++)
					{
						dataArr.push(numberArr[b]);
					}
				});
				//这里还是要判空: 用一个 弹出层
				if(!dataArr.length){ return alert('没有勾选复选框');}
				//？？？怎样传回去---------
				console.log(dataArr);
				
								
				// 文字颜色变绿，不可编辑，不可选中，全选也不管用。
				var delClass = [];
				for(let i=0;i<$("#infoBox .xuanZhong").length;i++)
				{
					if( $("#infoBox .xuanZhong").eq(i).is(':checked') )
					{						
						//先取消选中 ，之后设置不可编辑 ，改变颜色 ，毁掉“class=”，全选按钮就不会选中了
						$("#infoBox .xuanZhong").eq(i)[0].nextSibling.style.color = "green";
						$("#infoBox .xuanZhong").eq(i).attr("checked",false);
						$("#infoBox .xuanZhong").eq(i).attr("disabled",true);
						//如果我想修改 ，class 那么只能设置完所有效果之后，才能 删除class
						delClass.push(i);				
					}
				}
				
				//为了保持原来的  "状态 " ， 删除class
				var xuan = $("#infoBox .xuanZhong");
				$.each(delClass, function(index,value) {
					xuan.eq(value).removeClass("xuanZhong");
				});
				
			}			
			//点击审核： 怎样将数据传回给后台呢？？？
			$("#sure").click(function(){
				examine();
			});
			
			
			
			//（3）****************************************点击删除按钮***************************************************
			setTimeout(function(){
				for(let i=0;i<$(".del").length;i++)
				{
					$(".del").eq(i).click(function(){
						var mytr = $(this).parent().parent();
						//mytr[0].childNodes[0].childNodes[0].disabled 找到了，同一个 节点下的 input属性，只有审核，才会设置 true
						if(mytr[0].childNodes[0].childNodes[0].disabled){
							$("#infoBox")[0].removeChild(mytr[0]);	
						}						
					});
				}
			},100);
			


			
			
			//（4）****************************给弹出层写一下“ 按到非 弹出层区域就消失 ”**************************************
			document.addEventListener('click',function (e) {
	            var parent=$(e.target).parents('.popUp');
	            if(parent.length===0){
	                //操作此区域
	                $("#popUp").attr({"class":"popUp"});
	            }else{
	                //console.log('按钮与弹层区');
	            }
	        });